<template>
  <div id="app" style="height: 100%;">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
body {
  background-color: #fff;
}
body {
	font: 16px/1.5 Arial,Microsoft YaHei,SimHei,Heiti SC,tahoma;
}
@media screen and (max-width: 416px) {
  html { font-size: 58px }
}
@media screen and (max-width: 376px) {
  html { font-size: 54px }
}
@media screen and (min-width: 417px) {
  html { font-size: 60px }
}
@media screen and (max-width: 321px) {
  html { font-size: 50px }
  
}
.vux-slider > .vux-indicator > a > .vux-icon-dot.active,
.vux-slider .vux-indicator-right > a > .vux-icon-dot.active {
  background: #0199ff !important;
}
.vux-slider > .vux-indicator,
.vux-slider .vux-indicator-right {
  bottom: -0.5rem !important;
}
.vux-slider > .vux-indicator > a > .vux-icon-dot,
.vux-slider .vux-indicator-right > a > .vux-icon-dot {
  width: 12px !important;
  height: 2px !important;
}
</style>
